<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>详情页</title>
  <link rel="shortcut icon" href="https://img.alicdn.com/tfs/TB13g4aqXP7gK0jSZFjXXc5aXXa-32-32.ico">
  <link rel="stylesheet" href="../iconfont/iconfont.css">
  <!-- 重置样式表 -->
  <link rel="stylesheet" href="../css/1.reset.css">

  <link rel="stylesheet" href="../css/5.detail.css">
  <!-- 引入jquery -->
  <script src="../js/jquery.min.js"></script>



</head>

<body>
  <!-- 导航-->
  <div class="nav">
    <div class="wrapper">
      <!-- 导航栏左边 -->
      <div class="topNavLeft">
        <span class="hello">考拉欢迎你</span>
        <a href="javascript:;" class="navAdmit">登录</a>
        <a href="javascript:;" class="navReg">免费注册</a>
      </div>
      <!-- 导航栏中间 -->
      <div class="topNavLeft2">
        <a href="javascript:;" class="iphone">手机考拉</a>
      </div>
      <!-- 导航栏右边 -->
      <ul class="topNavRight">
        <li>
          <a href="javascript:;">每日签到</a>
        </li>
        <li>
          <a href="javascripr:;">我的订单</a>
        </li>
        <li class="person">
          <!-- 个人中心 -->
          <div class="navPerson common">
            <a href="../html/7.personal.html" class="p1">
              个人中心<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 个人中心的下拉 -->
            <div class="myDrop">
              <a href="javascript:;" class="quit">
                <span>退出登录</span>
              </a>
              <a href="javascript:;" class="admitPerson p2">
                <span>账号管理</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>我的订单</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>我的优惠券</span>
              </a>
            </div>
          </div>
        </li>

        <li class="serve">
          <!-- 客户服务 -->
          <div class="navServe common">
            <a href="javascript:;" class="p1">
              客户服务<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 客户服务的下拉 -->
            <div class="myDrop">
              <a href="javascript:;" class="p2">
                <span>联系客服</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>帮助服务</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>规则中心</span>
              </a>
            </div>
          </div>
        </li>

        <li class="charge">
          <!--  充值中心 -->
          <div class="navCharge common">
            <a href="javascript:;" class="p1">
              充值中心<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 充值中心的下拉 -->
            <div class="myDrop">
              <a href="javascript:;" class="p2">
                <span>话费充值</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>游戏充值</span>
              </a>
              <a href="javascript:;" class="p2">
                <span>APPStore充值</span>
              </a>
            </div>
          </div>
        </li>

        <!-- 消费者权益 -->
        <li class="sumber">
          <div class="navSumber common">
            <a href="javascript:;" class="p1">
              消费者权益<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 消费者权益的下拉 -->
            <div class="myDrop">
              <a href="javascript" class="p2">
                <span>消费者告知书</span>
              </a>
            </div>
          </div>
        </li>

        <!-- 更多 -->
        <li class="more">
          <div class="navMore common">
            <a href="javascript:;" class="p1">
              更多<i class="iconfont icon-triangle-down"></i>
            </a>
            <!-- 消费者权益的下拉 -->
            <div class="myDrop">
              <a href="javascript" class="p2">
                <span>新浪微博</span>
              </a>
              <a href="javascript" class="p2">
                <span>收藏本站</span>
              </a>
              <a href="javascript" class="p2">
                <span>微信公众号</span>
              </a>
            </div>
          </div>
        </li>
        <li class="content">
          <a href="javascript:;">视频内容</a>
        </li>
      </ul>
    </div>
  </div>

  <!-- 头部 -->
  <div class="header">
    <div class="wrapper">
      <!-- 左边的logo -->
      <a href="../html/1.homepage.html" class="logo">
      </a>

      <!-- 中间搜索框 -->
      <div class="h_search">
        <input type="text" placeholder="苹果手机" class="search">
        <span class="h_car">
          <i class="iconfont icon-fangdajing "></i>
        </span>
      </div>


      <!-- 右边购物车 -->
      <a href="../html/6.cart.html" class="car">
        <i class="iconfont icon-gouwuche-xuanzhong"></i>
        <span class="">购物车</span>
      </a>
    </div>
  </div>

  <!-- TabBox -->
  <div class="tabBox">
    <div class="wrapper">
      <!-- 左边 -->
      <div class="topCats">
        <!-- 上面 -->
        <div class="topLevel">
          <i class="iconfont icon-gengduo-2"></i>
          <span>所有分类</span>
        </div>

        <ul class="topList">
          <li>
            <i class="iconfont icon-shouji"></i>
            <span>数码家电</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <li>
            <i class="iconfont icon-pingguo"></i>
            <span>营养健康</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">
              <div class="mask_top">
                <div class="des_top">
                  <h2>女性健康</h2>
                  <h2>男士必备</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">胶原蛋白</a>
                    <a href="javascript:;">葡萄籽</a>
                    <a href="javascript:;">维生素c</a>
                    <a href="javascript:;">维生素e</a>
                    <a href="javascript:;">燕窝</a>
                    <a href="javascript:;">提升免疫力</a>
                    <a href="javascript:;">排毒通便</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">增肌粉</a>
                    <a href="javascript:;">番茄红素</a>
                    <a href="javascript:;">提高精力</a>
                    <a href="javascript:;">改善视力</a>
                    <a href="javascript:;">舒缓压力</a>
                    <a href="javascript:;">关节养护</a>
                    <a href="javascript:;">护发防脱</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>关爱爸妈</h2>
                  <h2>滋补养生</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">钙片</a>
                    <a href="javascript:;">维骨力</a>
                    <a href="javascript:;">银杏</a>
                    <a href="javascript:;">蛋白粉</a>
                    <a href="javascript:;">调节免疫</a>
                    <a href="javascript:;">改善睡眠</a>
                    <a href="javascript:;">改善记忆</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">参类</a>
                    <a href="javascript:;">蜂蜜</a>
                    <a href="javascript:;">黑糖</a>
                    <a href="javascript:;">红糖</a>
                    <a href="javascript:;">提神醒脑</a>
                    <a href="javascript:;">养生茶</a>
                  </div>
                </div>
              </div>

            </div>
          </li>
          <li>
            <i class="iconfont icon-07"></i>
            <span>运动户外</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <li>
            <i class="iconfont icon-reddit"></i>
            <span>美容彩妆</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <i class="iconfont icon-shoucang"></i>
            <span>母婴儿童</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <i class="iconfont icon-pinterest"></i>
            <span>个护家清</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <i class="iconfont icon-snapchat"></i>
            <span>服饰鞋靴</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <i class="iconfont icon-Instagram"></i>
            <span>手表配饰</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <i class="iconfont icon-dribbble"></i>
            <span>轻奢生活</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <i class="iconfont icon-qianbao"></i>
            <span>家居生活</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <i class="iconfont icon-071"></i>
            <span>环球美食</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <i class="iconfont icon-071"></i>
            <span>海外直购</span>
            <i class="iconfont icon-angle-right "></i>
            <div class="list_right">

              <!-- mask上面 -->
              <div class="mask_top">
                <div class="des_top">
                  <h2>手机/配件</h2>
                  <h2>智能影音</h2>
                </div>
                <div class="des_sort">
                  <div class="sort_left">
                    <a href="javascript:;">苹果</a>
                    <a href="javascript:;">华为</a>
                    <a href="javascript:;">三星</a>
                    <a href="javascript:;">数据线</a>
                    <a href="javascript:;">手机壳</a>
                    <a href="javascript:;">手机贴膜</a>
                  </div>
                  <div class="sort_right">
                    <a href="javascript:;">Bose</a>
                    <a href="javascript:;">JBL</a>
                    <a href="javascript:;">耳机/耳麦</a>
                    <a href="javascript:;">音响/音箱</a>
                    <a href="javascript:;">微单</a>
                    <a href="javascript:;">拍立得</a>
                  </div>
                </div>
              </div>

              <!-- mask中间 -->
              <div class="mask_center">
                <div class="des_center">
                  <h2>生活电器</h2>
                  <h2>个护健康</h2>
                </div>
                <div class="des_sort1">
                  <div class="sort1_left">
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>
                    <a href="javascript:;">洗衣机</a>
                    <a href="javascript:;">电风扇</a>
                    <a href="javascript:;">除湿机</a>
                    <a href="javascript:;">空气净化器</a>
                    <a href="javascript:;">扫地机器人</a>

                  </div>
                  <div class="sort1_right">
                    <a href="javascript:;">电吹风</a>
                    <a href="javascript:;">风筒</a>
                    <a href="javascript:;">剃须刀</a>
                    <a href="javascript:;">理发器</a>
                    <a href="javascript:;">按摩梳</a>
                  </div>
                </div>
              </div>

              <!-- mask下面 -->
              <div class="mask_bottom">
                <div class="des_bottom">
                  <h2>厨房电器</h2>
                  <h2>办公/外设</h2>
                </div>
                <div class="des_sort2">
                  <div class="sort2_left">
                    <a href="javascript:;">电水壶</a>
                    <a href="javascript:;">热水瓶</a>
                    <a href="javascript:;">咖啡机</a>
                    <a href="javascript:;">榨汁机</a>
                    <a href="javascript:;">电压力锅</a>
                    <a href="javascript:;">烤箱</a>
                    <a href="javascript:;">电饭煲</a>
                    <a href="javascript:;">面包机</a>

                  </div>
                  <div class="sort2_right">
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">平板</a>
                    <a href="javascript:;">投影机</a>
                    <a href="javascript:;">办公文具</a>
                    <a href="javascript:;">键盘</a>
                    <a href="javascript:;">电脑</a>
                    <a href="javascript:;">智能手环</a>
                  </div>
                </div>
              </div>
            </div>
          </li>

        </ul>

      </div>

      <!--右边 -->
      <ul class="topUl">
        <li><a href="">首页</a></li>
        <li><a href="">海外直购</a></li>
        <li><a href="">考拉自有品牌</a></li>
        <li><a href="">品质奶粉</a></li>
        <li><a href="">人气面膜</a></li>
        <li><a href="">充值</a></li>
      </ul>

    </div>


  </div>

  <!-- 商品详情-->
  <div class="detail wrapper">
    <div class="detail_top ">
      <h3>3c数码</h3>
    </div>
    <div class="detail_center">
      <div class="box">
        <div class="left">
          <div class="top">
            <!-- <img src="" alt="" class="pic"> -->
            <!-- 遮罩层 -->
            <div class="cover"></div>
          </div>
          <ul class="image">
            <!-- <li></li>
            <li></li>
            <li></li>
            <li></li> -->
          </ul>
        </div>

        <div class="right">
          <!-- <img src="" class="picOne"> -->
        </div>

      </div>

      <dl class="pInfo">
        <!-- <dt>Apple iPhone 14 Pro </dt>
        <dd class="sell">
          <span class="sellOne">售价</span>
          <span class="sellTwo">¥9799.00起</span>
        </dd>
        <dd class="fare">
          <span>运费</span>
          <span>北京至武汉江夏区</span>
          <span>所选地区免运费</span>
        </dd>
        <dd class="meal">
          <span>套餐</span>
          <span>标配（20w充电套餐）</span>
        </dd>
        <dd class="number">
          <span>数量</span>
          <div class="line">
            <button class="reduce">-</button>
            <input type="text" value="1">
            <button class="add">+</button>
          </div>
        </dd>
        <dd class="cart">
          <button class="buy">立即购买</button>
          <button class="addCart">
            <span>加入购物车</span>
          </button>
        </dd> -->

      </dl>

    </div>
  </div>



  <!-- 底部一 -->
  <div class="footer">
    <div class="wrapper">
      <ul>
        <li class="footer_logo">
          <a href="javascript:;">
            <img src="https://kaola-haitao.oss.kaolacdn.com/f69c45fd-8d91-4e18-8e3f-a546be302a12.png" alt="">
          </a>
          <div class="focuson">
            <span>关注我们</span>
            <i class="iconfont icon-25"></i>
            <i class="iconfont icon-27"></i>
          </div>
          <div class="report">
            举报邮箱：heguijubao@list.alibaba-inc.com
          </div>
          <div class="report">
            违法和不良信息举报电话：9510286 (周一到周日09:00-24:00)
          </div>
        </li>
        <li>
          <dl>
            <dt>考拉保障</dt>
            <dd>廉政保障</dd>
          </dl>

        </li>
        <li>
          <dl>
            <dt>新手指南</dt>
            <dd>购物流程</dd>
            <dd>支付方式</dd>
            <dd>通关税费</dd>
            <dd>常见问题</dd>
          </dl>

        </li>
        <li>
          <dl>
            <dt>售后服务</dt>
            <dd>售后政策</dd>
            <dd>退货流程</dd>
            <dd>特色服务</dd>
            <dd>联系客服</dd>
          </dl>

        </li>
        <li>
          <dl>
            <dt>物流配送</dt>
            <dd>配送服务</dd>
            <dd>运费标准</dd>
            <dd>物流跟踪</dd>
            <dd>配送服务</dd>
          </dl>


        </li>
        <li>
          <dl>
            <dt>商家服务</dt>
            <dd>招商合作</dd>
            <dd>销售联盟</dd>
            <dd>商家成长</dd>
          </dl>
        </li>
        <li>
          <dl>
            <dt>关于我们</dt>
            <dd>联系我们</dd>
            <dd>CEO邮箱</dd>

          </dl>
        </li>
        <li>
          <img src="https://kaola-haitao.oss.kaolacdn.com/a22c58ba-e800-4286-9a6e-0d4d159a2920.png" alt="">
          <span>扫描下载手机版</span>

        </li>
      </ul>


    </div>
  </div>

  <!-- 底部二 -->
  <div class="footerTwo">
    <div class="wrapper">
      <div class="copy_top">
        <span>增值电信业务经营许可证：浙B2-20160288</span>
        <span>(浙)网械平台备字[2018]第00007号</span>
        <span>阿里巴巴版权所有©2003-2022</span>
        <span>隐私政策 - 规则与协议</span>
      </div>

      <div class="copy_center">
        <span>网络文化经营许可证：浙网文（2020）4340-180号 </span>
        <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010006 </span>
        <span>网络第三方平台规范进口冷链食品承诺函 </span>
      </div>

      <div class="copy_bottom">
        <img src="	https://kaola-haitao.oss.kaolacdn.com/f28aa8ee818a42bf832341f605eccefb.png" alt="">
        <span class="quality">浙公网安备 33010802002216号 </span>
        <span>互联网药品信息服务资格证书编号（浙）- 经营性 - 2017 - 0027</span>
        <span>浙ICP备16011229号-6 </span>
        <span>自营经营者信息</span>
      </div>
      <div class="copy_img">
        <img src="https://img.alicdn.com/imgextra/i3/O1CN01Y62yEN1Y3Q8XaJ6CU_!!6000000003003-2-tps-224-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i2/O1CN01z1DrGZ235wPGy2DXK_!!6000000007205-2-tps-76-76.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i2/O1CN01NVxlKO1Gvm3YFcmiK_!!6000000000685-2-tps-532-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i2/O1CN015b5zFW24JVl1e9zNH_!!6000000007370-2-tps-406-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i4/O1CN01cqPfNB1WljDgkaX1l_!!6000000002829-2-tps-476-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i4/O1CN014pBwCy1S3yvLsZbPS_!!6000000002192-2-tps-394-80.png" alt="">
        <img src="https://img.alicdn.com/imgextra/i1/O1CN01SYYSFk1oEtuxHRC2T_!!6000000005194-2-tps-350-80.png" alt="">

      </div>


    </div>

  </div>

  <!-- 请求数据 -->
  <script src="../js/Ajax.js"></script>
  <!-- 接口整合 -->
  <script src="../js/Interface.js"></script>
  <!-- 页面的js文件 -->
  <script src="../js/5.detail.js
  "></script>



</body>

</html>